var ok_load_options = {
    time: 1000,
    content: "ins1st cloud..."
};
!function (content, options) {
    function templateFun(options) {
        return `<div class="ok-loading">
	    <div class="loader">
	      <div class="text">${options.content}</div>
	      <div class="horizontal">
	        <div class="circlesup">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	        <div class="circlesdwn">
	          <div class="circle"></div>
		<div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	      </div>
	      <div class="vertical">
	        <div class="circlesup">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	        <div class="circlesdwn">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	      </div>
	    </div>
	  </div>`
    }

    function headerInit(content, options) {
        options = options || {};
        if (typeof content == "string") {
            options["content"] = content || ok_load_options.content;
        } else if (typeof content == "object") {
            options = content;
        }
        options.time = options.time || ok_load_options.time;
        options.content = options.content || ok_load_options.content;
        return options;
    }

    ok_load_options = headerInit(content, options);
    var template = templateFun(ok_load_options);
    document.writeln(template);
}();

var okLoading = {
    close: function ($, time, dom) {
        time = time || ok_load_options.time;
        dom = dom || document.getElementsByClassName("ok-loading")[0];
        if ($) {
            $(dom).delay(time).animate({
                opacity: 0
            }, 1000, "linear", function () {
                $(dom).remove();
            });
        } else {
            var setTime1 = setTimeout(function () {
                clearTimeout(setTime1);
                dom.classList.add("close");
                var setTime2 = setTimeout(function () {
                    clearTimeout(setTime2);
                    dom.parentNode.removeChild(dom);/**删除当前节点*/
                }, 800);
            }, time);
        }
    }
};


